<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="../fonts/iconfont.css">
    <link rel="stylesheet" href="../css/index.css">

</head>
<body>
    <div>
        <!-- 餐厅名 -->
       <div class="header">
        <h2>雨果云餐厅</h2>
       </div>
        <!-- 轮播 -->
        <div class="banner">
            <img src="https://img1.baidu.com/it/u=943387738,2630797317&fm=253&fmt=auto&app=138&f=JPEG?w=750&h=500" alt="">
        </div>
        <div class="map">
            <span>武侯店</span>
        </div>
        <div class="map">
            <p>成都市武侯区星悦芸</p>
            <span>地图></span>
        </div>
        <div class="map">
            <p>营业时间</p>
            <span>9:00-22:00</span>
        </div><div class="map">
            <p>联系电话</p>
            <span>028-8888888</span>
        </div>
        <h3>店家推荐</h3>
        <div class="container">
            <!-- <div class="item">
                <img src="https://img2.baidu.com/it/u=381412217,2118678125&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500" alt="">
                 <p>张姐烤肉饭脆皮饭</p>
                 <span>￥18</span>
            </div> -->
           
        </div> 
        <footer>
            <div class="active index1">
                <span>首页</span>
            </div>
            <div class="mian1">
                 <span>菜单</span>
            </div>
            <div class="cart1">
                <span>购物车</span>
            </div>
            <div class="login1">
                <span>我的</span>
            </div>
        </footer>
    </div>
    <script src="../js/rem.js"></script>
    <script src="../js/jquery-3.6.0.js"></script>
    <script src="../js/index.js"></script>

</body>
</html>